/*
Theme Name: Astronet
Description: Child theme for the Fashionize WordPress theme
Author: Mediaworks Hungary Zrt.
Template: fashionize
*/

/* Start Adding Your CSS Here */

/* TYPOGRAPHY */

.center {
    text-align: center;
}

input, select {
    padding: 3px 6px;
}

input:focus, select:focus {
    outline-offset: -2px !important;
    outline-color: #e1e1e1 !important;
    outline-width: 1px;
    outline-style: solid;
}

#kalk_alkalmazas input[type=text] {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    height: 42px;
    margin: 0 0 10px;
    outline: 0;
    padding: 9px 0 8px;
    text-indent: 10px;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#kalk_alkalmazas select {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    height: 42px;
    margin: 0 0 10px;
    outline: 0;
    padding: 9px 0 8px;
    text-indent: 10px;
    border-radius: 0;
}


.button {
    display: inline-block;
}

.button a {
    border: 1px solid #000;
    color: inherit;
    display: inline-block;
    letter-spacing: 1px;
    padding: 7px 34px 6px;
    position: relative;
    text-transform: uppercase;
    background-color: transparent;
    border-color: #fff;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 11px;
    line-height: 20px;
}

.button a.primary {
    background-color: #87F5FB !important;
    color: #383838;
}

.button a.secondary {
    background-color: #eee !important;
    color: #383838;
}

.button a.orange {
    background-color: #ffd15c !important;
    color: #4b3602;
}

.button a.orange:hover {
    background-color: #f7c138 !important;
    color: #000000;
    border-color: #4b3602;

}

.button a.white {
    color: #fff;
}

.button a.white:hover {
    background-color: #e8e8e8 !important;
    color: #333;
    text-shadow: none;
}

.button a.primary:hover {
    background-color: #a7F5FB !important;
    color: #383838;
    border-color: #000;

}

.button a.secondary:hover {
    background-color: #67F5FB !important;
    color: #383838;
    border-color: #000;
}


/* WIDGETEK EXTRA SPECIALITASAI */
.widget.sidebar-widget.widget_recent_posts_widget, .widget.sidebar-widget.widget_categories {
    padding-bottom: 20px !important;
}

.widget.sidebar-widget.facebook-like-widget {
    padding: 0 !important;
}

.fb_iframe_widget {
    margin-bottom: 0 !important;
}

/* RÉGI CIKKEK TYPO */

.cikkpic {
    text-align: center;
}

.left.cikkpic {
    margin-right: 16px;
    margin-bottom: 16px;
}

.right.cikkpic {
    margin-left: 16px;
    margin-bottom: 16px;
}

.logo-wrap img {
    max-width: inherit !important;
    max-height: 62px;
    width: auto;
}

/* Main NAV */
.main-header {
    margin-bottom: 10px !important;
    height: 62px;
}

.main-header > .header > .container {
    max-width: 100%;
}

.main-navigation a:before {
    display: none;
}

.menu-btn {
    color: #f0f0f0 !important;
    border-right: 0 !important;
}

.header a {
    display: block;
}

.header-3 {
    border-bottom: none;
}

.header-3 .main-nav .nav-menu > ul > li > a {
    padding: 25px 20px 25px 10px !important;
    line-height: 12px;
}

.header-3 .main-nav .menu > .menu-item-has-children > a:after {
    border-left-color: rgba(0, 0, 0, 0.3);
    border-top-color: transparent;
    right: 5px;
    top: 36px;
    border-width: 4px;
}

.header-3 .logo-wrap {
    margin: 0;
}

.header-3 .main-nav .menu > .menu-item-has-children:hover > a:after {
    top: 38px;
    right: 7px;
    border-top-color: rgba(0, 0, 0, 0.3);
    border-left-color: transparent;
}

.header-3 .main-nav .nav-menu .menu > li > ul {
    top: 62px;
}

/* HAMBURGER MENÜ */

.st-menu {
    right: 0;
    left: auto !important;
}

.menu-pusher {
    float: right;
    right: 0;
    left: auto !important;
    -webkit-transition: right 0.5s !important;
    transition: right 0.5s !important;
}

#menu-vissza li {
    text-align: right;
}

#menu-vissza li a {
    padding-right: 15px;
    margin-left: 250px;
    margin-top: -20px;
    font-size: 2em;
}

@media screen and (max-width: 900px) {
    .st-menu {
        right: -300px !important;
        left: auto !important;
    }

}

@media screen and (max-width: 900px) {
    .openNav .st-menu {
        -webkit-transition: right 0.5s !important;
        transition: right 0.5s !important;
        right: 0 !important;
    }

    .openNav .menu-pusher {
        right: 300px;
        left: auto !important;
    }
}


/* BREADCRUMB */


.breadcrumbs .t-center {
    text-align: left;
}

.breadcrumbs i {
    display: none;
}

.post_format-post-format-gallery .post-box {
}

.post_format-post-format-gallery .post-inner {
    padding: 0 0 30px;
    margin: 0 0 30px;
}

.owl-controls {
    display: none;
}

.featured-thumbnail-big:before {
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease-in-out;
}

.featured-thumbnail-big:after {
    background-image: none;
}

.read-more a:hover, .more-link:hover, .featuredslider:hover .read-more span {
    background-color: #87F5FB !important;
    color: #383838;
}

.related-posts-home .info {
    background-color: #363f60 !important;
}

.related-posts-home .section-heading, .single-post .related-posts > .section-heading {
    font-size: 15px;
    line-height: 20px;
}


/* BANNER ZÓNÁK */
.goAdverticum.goa-embedded {
    border: 0 !important;
}

.goAdverticum {
    text-align: center;
}

.goAdverticum > * {
    margin: 0 auto !important;
}

.goAdverticum:not(.rawBanner) > div > span {
    position: relative !important;
    top: inherit !important;
    left: inherit !important;
}

.goAdverticum:not(.rawBanner):not(:empty) {
    display: flex;
    flex-direction: column-reverse;
}

.adOceanZone:not(:empty) {
    margin-bottom: 10px;
}

.adOceanZone .ao_hird {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.wp-block-code:has(.adOceanZone) {
    background-color: transparent;
}

.wp-block-code,
.wp-block-code code {
    white-space: normal;
}

.zone_pc > div, .zone_mobile > div {
    max-width: 100% !important; /*height: auto !important;*/
}

.zone-caption {
    font-size: 10px;
    color: #a3a3a3;
    display: block;
    width: 100%;
    height: auto;
    line-height: 115%;
    text-align: center;
}

.main-nav .nav-menu ul li {
    z-index: 1020;
}

/* Menük rá tudnak nyílni a zónára */

/* End of BANNER ZÓNÁK */


.mw-posts-slider {
}

.mw-posts-slider .title {
    color: #fff;
    font-size: 20px;
    line-height: 1.4;
    margin: 0;
    text-align: center;
    -webkit-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
}

.mw-posts-slider .post-cats {
    background: #11192c;
    color: #ffffff !important;
    padding: 2px 6px;
}

.mw-posts-slider .featured-thumbnail img {
    float: left;
}

.mw-posts-slider .f-thumb {
    position: relative;
}

.mw-posts-slider .f-thumb:before {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    z-index: 1;
    background-color: transparent;
    width: auto;
    height: auto;
}

.mw-posts-slider .f-thumb:after {
    background: rgba(0, 0, 0, 0.4);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
}

.mw-posts-slider .read-more {
    display: none;
}

.mw-posts-slider .owl-controls {
    display: block;
}

.mw-posts-slider .owl-nav {
    visibility: visible;
    opacity: 0.1;
}

.mw-posts-slider .owl-prev {
    display: block !important;
}

.mw-posts-slider .owl-next {
    display: block !important;
}

@media screen and (max-width: 480px) {
    .mw-posts-slider .title {
        font-size: 13px;
    }
}

.pagination .current, .pagination a:hover, .nav-menu ul ul a:hover, .off-canvas-search .search-button, input[type="submit"], .owl-controls .owl-dot.active span, .owl-controls .owl-dot:hover span {
    background: #2d2247 !important;
}

.pagination.loop-pagination .prev.page-numbers {
    left: 0;
}

.mw-posts-3col .style-two .info {
    display: table;
    width: 100%;
    max-width: 100%;
    background: rgba(255, 255, 255, 0.8);
    margin: 0 auto 14px;
    top: -4px;
}

.mw-posts-3col .info header {
    display: table-cell;
    height: 105px;
    vertical-align: middle;
    float: none;
}

.mw-posts-3col .style-two .widgettitle {
    font-size: 18px;
}

/* MAIN CONTENT */

.home-content-area .post {
    margin-bottom: 30px;
}

.home-content-area .style-two {
    border-bottom: 0;
}

@media screen and (max-width: 480px) {
    .home-content-area .style-two {
        margin: 0;
        width: 100%;
    }

    .home-content-area .style-two .widgettitle a {
        font-size: 16px;
    }
}

.sidebar-widget, .sidebar .widget, .tabs-widget {
    padding: 0 10px 20px 10px;
    background-color: #fff;
    background-image: none;
    background-repeat: no-repeat;
}

.sidebar-widget .widget-title, .sidebar .tabs li.active a {
    margin-left: -10px;
    margin-right: -10px;
}

.sidebar-widget.widget_search {
    padding: 3px 5px !important;
}

/* CIKK OLDALAK */

.sidebar-widget, .sidebar .widget.widget_idezetek_widget {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0 !important;
}

.entry-content blockquote, .widget_idezetek_widget blockquote {
    border-left: 0;
    background-color: #fff;
    padding: 75px 20px 50px 20px;
    position: relative;
    font-size: 18px;
    font-family: "Goudy Old Style", Garamond, "Big Caslon", "Times New Roman", serif;
    text-align: center;
    font-style: normal;
    background-image: url("images/widget-bg.png");
    background-repeat: repeat-x;
    background-position: 0 30px;

}

.widget_idezetek_widget blockquote {
    line-height: 120%;
    font-size: 14px;
    padding-bottom: 95px;
    padding: 85px 30px 85px 30px;
}

.entry-content blockquote em, .widget_idezetek_widget blockquote em {
    color: #c0c0c0;
    font-size: 14px;
    display: block;
    position: absolute;
    right: 20px;
    top: 4px;
}

.entry-content blockquote strong, .widget_idezetek_widget blockquote strong {
    color: #320a60;
    display: block;
    position: absolute;
    right: 20px;
    bottom: 10px;
    font-style: italic;
    letter-spacing: 1px;
}

.widget_idezetek_widget blockquote strong {
    right: 30px;
    bottom: 30px;
}

.widget_idezetek_widget blockquote strong:before {
    content: "–";
    margin-right: 7px;
}

.entry-content blockquote strong:before, .widget_idezetek_widget blockquote strong:before {
    content: "–";
    margin-right: 7px;
}

.widget_idezetek_widget blockquote .korom-jel {
    width: 42px;
    height: 36px;
    position: absolute;
    top: 13px;
    left: calc(50% - 21px);
}

.widget_idezetek_widget blockquote .korom-jel {
    background-color: #fff;
    padding: 6px;
}

.widget_idezetek_widget blockquote .korom-jel svg {
    fill: #320a60;
}

.post-box .post-content.entry-content.single-post-content {
    padding-bottom: 20px;
}

.post-meta .post-sub-cats a {
    color: #888 !important;
    border-bottom-color: #888 !important;
}

.post-meta-top {
    margin-bottom: 15px;
}

.widget_idezetek_widget blockquote.stilus-vilagos-vizjellel {
    background: url(images/quote_bg_white.jpg) right center no-repeat #fff;
}

.widget_idezetek_widget blockquote.stilus-vilagos-vizjellel .korom-jel {
    background-color: transparent;
}


.widget_idezetek_widget blockquote.stilus-sotet {
    background: url(images/quote_bg.jpg) right center no-repeat #525383;
    color: #fff;
    background-size: cover;
}

.widget_idezetek_widget blockquote.stilus-sotet strong {
    color: #bacce5;
}

.widget_idezetek_widget blockquote.stilus-sotet .korom-jel {
    background-color: transparent;
}

.widget_idezetek_widget blockquote.stilus-sotet .korom-jel svg {
    fill: #bacce5;
}


.single-post .has-szakertok .entry-title {
    margin-bottom: 40px;
}

.single-post .has-szakertok .post-meta-title {
    margin-bottom: 10px;
    width: 100%;
    line-height: 20px;
}

.single-post .has-szakertok .post-meta-title .share-buttons {
    margin-bottom: 10px;
    margin-left: 10px;
}

.post-inner .share-buttons {
    display: flex;
    flex-direction: row;
}

@media screen and (min-width: 480px) {
    .single .main-content .empty-szakertok {
        margin-bottom: 20px;
    }
}

.archive-page .articles-count {
    display: none;
}

/*.the-content img:after {*/
.the-content img {
    border: 1px solid #ccc;
    display: inline-block;
}

.the-content .cikkbeli-kep {
    position: relative;
    display: block;
    cursor: pointer;
}

/* régi cikkeknél */
.cikkpic_wrapper .cikkpic .cap {
    display: none;
}

/* SZAKÉRTŐK */
.szakertok {
    height: 60px;
    float: left;
}

.szakerto-box {
    float: left;
    line-height: 15px;
    font-size: 11px;
    text-align: left;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #f5f5f5;
    margin-bottom: 10px;
}

.szakerto-box:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

.szakerto-box .foto {
    float: left;
    margin-right: 10px;
}

.szakerto-box .foto img {
    width: 60px;
    height: 60px;
}

.szakerto-box .adatok {
    display: inline-block;
}

.szakerto-box .nev {
    color: #de3b56;
    font-weight: bold;
    text-transform: none;
}

.szakerto-box .titulus {
    color: #888;
    text-transform: none;
}

.szakerto-box a.btn {
    color: #222 !important;
    background-color: #f5f5f5;
    padding: 3px 5px;
    display: inline-block;
    margin-top: 9px;
    transition: all 0.25s linear;
    cursor: pointer;
}

.szakerto-box a.btn:hover {
    background-color: #87F5FB !important;
    color: #383838;
}

@media screen and (max-width: 747px) {
    .szakertok {
        height: unset;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 901px) and (max-width: 1042px) {
    .szakertok {
        height: unset;
        margin-bottom: 20px;
    }
}

/* SZUPERCIMKE LISTÁZÓ */

.szupercimkek {
}

.szupercimkek .style-two {
    border-bottom: 0;
}

.szupercimkek .style-two .relatedthumb:before, .gallerytiled ul li a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background: rgba(255, 255, 255, 0.3);
    transition: all 0.2s ease-in-out;
}

.szupercimkek .style-two:hover .relatedthumb:before, .gallerytiled ul li:hover a:before {
    opacity: 1;
    cursor: pointer;
}

.szupercimkek .style-two .info {
    max-width: 82%;
    margin-bottom: 0;
    top: -40px;
}

.entry-content .szupercimkek ul li:before, .format-gallery .entry-content .gallerytiled ul li:before, .entry-content .mw-posts-3col ul li:before {
    display: none;
}

.widget_szupercimkek_widget {
}

.widget_szupercimkek_widget .others {
    text-align: right;
}

.widget_szupercimkek_widget .style-two .info {
    padding: 10px 5px 5px 5px;
}

.widget_szupercimkek_widget .style-two .widgettitle {
    font-size: 15px;
}

.widget_szupercimkek_widget .related-posts {
    margin-bottom: 10px;
}

.widget_szupercimkek_widget .related-posts header {
    margin-bottom: 0 !important;
    height: auto !important;
}

.widget_szupercimkek_widget .related-posts ul li {
    width: 48.75%;
    margin-right: 0; /*max-height: 160px;*/
}

.widget_szupercimkek_widget .related-posts ul li:nth-child(3n+1) {
    clear: none;
}

.widget_szupercimkek_widget .related-posts ul li:nth-child(2n+1) {
    clear: left;
    margin-right: 2.5%;
}

/* AJÁNLÓK A CIKKEKBEN */

.related-posts.ajanlo {
    margin-top: 60px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 24px;
}

.ajanlo .post-section {
    width: 100%;
    display: inline-block;
}

.ajanlo .post-section .featured-thumbnail {
    width: 30%;
    float: left;
    box-sizing: border-box;
    padding-right: 30px;
}

.ajanlo .post-section .featured-thumbnail.right {
    float: right;
    padding-right: 0;
    padding-left: 30px;
}

.ajanlo .post-section .details {
    width: 70%;
    float: right;
    box-sizing: border-box;
}

.single .main-content .ajanlo .post-section .details header {
    height: inherit;
}

.ajanlo-post-footer {
    margin-bottom: 60px;
    border-top: none;
    padding: 0 0 9px 0;
}

@media screen and (max-width: 480px) {
    .related-posts.ajanlo .section-heading {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 620px) {
    .related-posts.ajanlo {
        margin-top: 30px;
    }

    .related-posts.ajanlo {
        margin-bottom: 0;
    }

    .ajanlo .post-section .featured-thumbnail {
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
        display: inline-block;
    }

    .ajanlo .post-section .details {
        width: 100%;
    }

}

/* KALKULÁTOROK */

.main-left-left {
    width: 48%;
    float: left;
}

.main-left-right {
    width: 48%;
    float: right;
}

.kalk_doboz {
    margin: 0 0 50px 0;
    width: 100%;
}

.kalk_doboz .header {
    background: #bbb;
    color: #FFFFFF;
    line-height: 30px;
    font-weight: bold;
    font-size: 20px;
    padding: 0 14px;
    margin: 0;
}

.kalk_doboz img {
    float: left;
    margin: 0 10px 10px 0;
}

.kalk_doboz h2 {
    float: none;
    display: inline-block;
}

.inputs {
    display: inline-block;
    width: 100%;
    line-height: 115%;
    vertical-align: middle;
    max-width: 360px;
}

.inputs label {
    width: 100px;
    float: left;
    font-weight: bold;
    line-height: 42px;
}

.inputs label.ketsoros {
    line-height: 115%;
}

.inputs .bevitel {
    width: calc(100% - 105px);
    float: right;
    text-align: left;
}

.inputs .bevitel input {
    width: inherit;
}

/* NYITÓLAPI DOBOZOK */

.featured-posts .owl-item header .title {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

/* NYITÓLAPI NÉGY OSZLOPOS VÁLTOZAT */

.related-posts.four-cols ul li:nth-child(3n+1) {
    clear: inherit;
}

.related-posts.four-cols ul li:nth-child(4n+1) {
    clear: left;
}

.related-posts.four-cols ul li {
    width: 23.125%;
}

.related-posts.four-cols ul li:nth-child(3n) {
    margin-right: 2.5%;
}

.related-posts.four-cols ul li:nth-child(4n) {
    margin-right: 0;
}

.related-posts.four-cols .style-two {
    border-bottom: 0;
}

.related-posts.four-cols .style-two .info {
    padding: 10px 10px 5px;
    margin: 0 auto -40px;
    top: -40px;
}

.related-posts.four-cols .style-two .widgettitle {
    font-size: 15px;
}

.related-posts-home.hidden-titles .widgettitle {
    text-align: center;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    line-height: 125%;
}

.related-posts-home.show-titles .featured-thumbnail {
    padding-bottom: 20px;
}

.related-posts-home.show-titles .info {
    background: #f6317b !important;
    position: absolute;
    bottom: 0;
    left: 10px;
    max-width: 100%;
    padding: 0;
    right: 10px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
}

.related-posts-home.show-titles .widgettitle {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 125%;
    padding: 8px;
    text-align: center;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.related-posts-home.show-titles .excerpt {
    background: none;
    position: absolute;
    bottom: inherit;
    bottom: 10px;
    left: 5px;
    max-width: 100%;
    padding: 0;
    right: 5px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    text-align: center;
    line-height: 125%;
    color: #fff;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

/*
.related-posts-home.show-titles ul li > a .relatedthumb:after {
    background: rgba(0, 0, 0, 0.4);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
}
*/

/* CSAK MOBILOK */
@media screen and (max-width: 480px) {
    .logo-wrap img {
        max-width: 240px !important;
    }

    .header-3 .menu-btn {
        padding: 21px 5px 8px 5px !important;
    }

    .related-posts-home .relatedthumb { /*display: none;*/
    }

    .related-posts-home .info {
        display: block;
        visibility: visible;
        opacity: 1;
        position: relative;
        /*background-color: transparent !important;*/
    }

    .related-posts-home.show-titles .widgettitle {
        font-size: 16px;
    }

    .related-posts-home a .info {
        color: #383838;
        /*text-decoration: underline;*/
    }

    .mw-posts-3col .style-two .widgettitle {
        font-size: 11px;
    }


    .inputs .bevitel {
        float: left;
        clear: left;
        width: 100%;
    }

    .inputs .bevitel input {
        width: 80px;
    }

    .mw_shopmodule {
        display: none;
    }

    .related-posts-home.show-titles ul li {
        width: 100%;
        margin-bottom: 8px;
    }

    .related-posts-home.show-titles ul li:last-child {
        margin-bottom: 0;
    }

    #_aloldali_header_alatti_banner > .rawBanner {
        display: none;
    }

    #_aloldali_header_alatti_banner > :not(.rawBanner) {
        margin-top: -5px;
        margin-bottom: 30px;
    }

}

/* CSAK TABLET */
@media screen and (min-width: 481px) and (max-width: 900px) {
    .logo-wrap img {
        max-width: 280px !important;
    }

    .header-3 .menu-btn {
        padding: 21px 5px 8px 5px !important;
    }

    .related-posts-home ul li {
        margin-bottom: 12px !important;
    }

    .related-posts-home .info {
        visibility: visible;
        opacity: 1;
        background-color: rgba(47, 19, 30, 0.85) !important;
    }

    .related-posts-home ul li {
        padding-left: 4px;
        padding-right: 4px;
    }

    .single .style-two .widgettitle {
        font-size: 17px;
    }

    .related-posts-home.show-titles .excerpt {
        line-height: 115%;
        font-size: 11px;
    }
}

@media screen and (min-width: 620px) and (max-width: 1199px) {
    .related-posts-home.show-titles .excerpt {
        position: initial;
        color: #2d2247;
        line-height: 115%;
        font-size: 11px;
        bottom: 0;
        background-color: #fff;
        padding: 10px;
        min-height: 260px;
    }

    .related-posts-home.show-titles .relatedthumb img {
        margin-bottom: 10px;
    }

    .related-posts-home.show-titles .relatedthumb:after {
        height: 0;
        padding: 85% 0 0 0;
    }
}

/* CSAK DESKTOP */
@media screen and (min-width: 1200px) {
    .related-posts-home.show-titles .excerpt {
        line-height: 115%;
        font-size: 11px;
    }
}

/* FASHIONIONIZE SABLON GYÁRI VÁGÁSA */
@media screen and (max-width: 1059px) and (min-width: 901px) {
    .header-3 .main-nav .menu > .menu-item-has-children > a:after,
    .header-3 .main-nav .menu > .menu-item-has-children:hover > a:after {
        border: 4px solid transparent;
        border-top-color: rgba(0, 0, 0, 0.3);
        right: 47%;
        top: 54px;
    }

}

@media screen and (max-width: 620px) {
    .widget .related-posts, .page .related-posts.szupercimkek {
        max-height: none !important;
    }

    .widget .related-posts ul li, .page .related-posts.szupercimkek ul li {
        float: left !important;
        width: 48.75% !important;
        margin-bottom: -30px !important;
        margin-right: 2.5%;
    }

    .single .related-posts ul li {
        float: left !important;
        margin-bottom: 0 !important;
        margin-right: 0 !important;
        width: 50% !important;
    }

    .single .related-posts .featured-thumbnail {
        float: left !important;
    }


    .single .related-posts ul li:nth-child(5n) {
        margin-right: 2.5% !important;
    }

    .page .related-posts.szupercimkek ul li:nth-child(3n+1) {
        clear: none;
    }

    .page .related-posts.szupercimkek ul li:nth-child( 2n ) {
        margin-right: 0 !important;
    }
}

.post-cats a {
    border-bottom-color: #DF3B57 !important;
}

.home .post-meta .post-cats a {
    font-size: 1.4em;
}

.post-meta a {
    color: #DF3B57 !important;
}

.post-meta .post-cats a:hover {
    font-size: 1.7em;
}

.share-buttons {
    height: 1.4em;
}

@media screen and (max-width: 480px) {
    .share-buttons {
        padding-right: 0 !important;
    }
}

.style-two .widgettitle {
    font-size: 21px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.home .post-box .post-content p {
    text-align: center !important;
}

.lapszam-box {
    margin-bottom: 20px;
}

.lapszam-box img {
    border: 1px solid #ccc;
}

.lapszam-box .button {
    background: rgba(0, 0, 0, 0.04);
    color: #4b4b4b;
    display: inline-block;
    float: left;
    margin: 0 5px 5px 0;
    padding: 2px 10px;
}

.lapszam-box .button:hover {
    background: #87F5FB;
    color: #000;
}

/* Cikklisták */
.cat-cover-box {
    padding-top: 25px;
    padding-bottom: 25px;
}

.archive-page .post-inner .title-content {
    min-height: 310px;
    display: inline-block;
    width: 100%;
}

.archive-page .post-inner .post-meta .post-comments, .archive-page .post-inner .post-author {
    display: none;
}

.post-footer {
    background-image: none;
}

.post-footer.post-meta:not(:has(*)) {
    padding: 0;
}

/* Cikk aloldalak */
.single .content .single-post-excerpt {
    font-weight: bold;
    font-size: 1.2em;
}

/* WIDGET */
.kepreklam-widget {
    margin: -21px -10px 0 -10px;
    background-size: cover;
    background-position: bottom left;
    color: #fff;
    padding: 32px 5px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.kepreklam-widget > div {
    text-align: center;
    width: 100%;
}

.kepreklam-widget .cimsor {
    font-size: 18px;
    color: #d6d6d6;
    padding: 0 5px 10px 5px;
}

.kepreklam-widget .leiras {
    font-size: 18px;
    line-height: 115%;
    padding-bottom: 21px;
}

.kepreklam-widget .button a {
}

.kepreklam-widget .button a:hover {
    color: #e6e6e6;
    border-color: #e6e6e6;
}

.kepreklam-widget.style-vilagos-hatter {
    color: #282828;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
}

.kepreklam-widget.style-vilagos-hatter .cimsor {
    color: #636363;
}

.kepreklam-widget.style-vilagos-hatter .button a {
    border: 1px solid #282828;
}

.kepreklam-widget.style-vilagos-hatter .button a:hover {
    color: #484848;
    border-color: #484848;
}


/* TAG CLOUD - CÍMKEFELHŐ */

.tagcloud a:hover {
    background: #363f60;
    color: #ffffff !important;
}

.featured-posts .post-cats {
    background: #11192c;
    color: #ffffff !important;
}

/* Shopmodul */

.mw_shopmodule {
    background-color: #e4e4e4;
    overflow: hidden;
}

.mw_shopmodule div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Open Sans";
}

.mw_shopmodule .container {
    width: 978px;
    margin: 0 auto;
}

@media (min-width: 1218px) {
    .mw_shopmodule .container {
        width: 1218px;
    }
}

.mw_shopmodule .title {
    color: #545567;
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 26px;
    text-align: left;
    padding: 25px 0 20px 0;
}

.mw_shopmodule .row_products {
    padding-bottom: 30px;
}

.mw_shopmodule .block_imageproduct {
    float: left;
    /*margin-left: 30px;*/
    width: 222px;
    height: 262px;
    background-color: #9c9ca5;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

@media (min-width: 1218px) {
    .mw_shopmodule .block_imageproduct {
        width: 282px;
        height: 332px;
    }
}

.mw_shopmodule .block_imageproduct .product_title {
    border: 1px solid white;
    margin: 92px 10px;
    height: 78px;
    width: 202px;
    position: absolute;
    z-index: 10;
    display: table;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

@media (min-width: 1218px) {
    .mw_shopmodule .block_imageproduct .product_title {
        margin: 127px 15px;
        width: 252px;
    }
}

.mw_shopmodule .block_imageproduct .product_title .wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    padding: 0 10px;
    line-height: 24px;
    text-transform: uppercase;
}

.mw_shopmodule .block_imageproduct .product_title .wrapper .price {
    display: block;
    text-align: center;
    /*margin-top: 5px;*/
    font-weight: 700;
}

.mw_shopmodule .block_imageproduct .product_footer {
    background-color: #545567;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    line-height: 14px;
    padding: 10px;
    opacity: 0;
    width: 100%;
    position: absolute;
    z-index: 10;
    bottom: -100px;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

.mw_shopmodule .block_imageproduct .product_footer .highlight {
    font-weight: 700;
    text-align: center;
    display: block;
    margin-bottom: 5px;
}

.mw_shopmodule .block_imageproduct .product_footer .highlight:last-child {
    margin: 0px;
}

.mw_shopmodule .block_imageproduct .product_image {
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover !important;
    background-repeat: no-repeat;
    opacity: 0.7;
    z-index: 8;
    transition-duration: 1s;
}

.mw_shopmodule .block_imageproduct .product_image_overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(84, 85, 103, 0.5);
    z-index: 9;
    opacity: 1;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

.mw_shopmodule .row_products a {
    margin-left: 30px;
    display: block;
    float: left;
}

.mw_shopmodule .row_products a:first-child {
    margin-left: 0px;
}

.mw_shopmodule .block_imageproduct:hover .product_title {
    margin-top: 15px;
    background-color: rgba(84, 85, 103, 0.6);
    border: 0;
}

.mw_shopmodule .block_imageproduct:hover .product_footer {
    opacity: 1;
    height: auto;
    bottom: 0px;
}

.mw_shopmodule .block_imageproduct:hover .product_image {
    transform: scale(1.1, 1.1);
}

.mw_shopmodule .block_imageproduct:hover .product_image_overlay {
    opacity: 0;
}

.mw_shopmodule .block_textproduct {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-decoration: none;
    box-sizing: border-box;
    float: left;
    display: table;
    background-color: #e4e4e4;
    border: 2px solid #afafc5;
    height: 113px;
    width: 222px;
    margin-left: 30px;
    cursor: pointer;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

@media (min-width: 1218px) {
    .mw_shopmodule .block_textproduct {
        width: 282px;
        height: 90px;
    }
}

.mw_shopmodule .block_textproduct .wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    font-family: "Open Sans";
    font-size: 16px;
    color: #3e3f51;
    line-height: 20px;
}

.mw_shopmodule .block_textproduct:hover {
    background-color: #d7d7d7;
    border: 2px solid #545567;
}

.mw_shopmodule .block_textproduct:first-child {
    margin-left: 0px;
}

/* FACEBOOK COMMENT PLUGIN */

.fb_iframe_widget {
    display: block !important;
    margin-bottom: 40px;
}

.fb-like.fb_iframe_widget span {
    width: 200px !important;
}

.fb-like.fb_iframe_widget iframe {
    width: 200px !important;
}

/* HOROSZKOP OLDALAK */
.horoszkop-page a {
    color: #5a4daa;
}

.horoszkop-page a:hover {
    color: #312a5d;
}

.horoszkop-page .title-container {
    width: 100%;
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px;
    background: url(images/title_pattern.png) center 94% repeat-x;
}

.horoszkop-page .title-container .title {
    display: inline-block;
    padding: 19px 29px;
    background-color: #f6317b;
    color: #fff;
    font-size: 18px;
    margin-bottom: 0;
}

.horoszkop-page .post-content {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    padding: 20px;
    margin-bottom: 30px;
}

.horoszkop-page .link-to-all {
    color: #5a4daa;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.osszefoglalo {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

.jegy-adatok {
    float: left;
    display: block;
    margin: 28px 70px 0 0;
}

.jegy-adatok:last-child {
    margin-right: 0;
}

.jegy-adatok.col-kep {
    margin-top: 0;
    margin-right: 12px;
}

.jegy-adatok .title {
    display: block;
    color: #868686;
    text-transform: uppercase;
    clear: both;
    font-size: 11px;
    margin-bottom: 15px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 2px;
}

.jegy-adatok .data {
    display: block;
    color: #1a005d;
    font-size: 15px;
    font-weight: 600;
    line-height: 100%;
}

.jegy-adatok.col-neve .title {
    color: #1a005d;
    font-size: 18px;
    margin-bottom: 12px;
}

.jegy-adatok.col-neve .data {
    color: #868686;
    font-size: 11px;
    letter-spacing: 1px;
}


.post-content .submenu {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    margin-left: -20px;
    margin-right: -20px;
    display: block;
    width: calc(100% + 40px);
}

.post-content .submenu li {
    display: inline-block;
    padding: 6px 0;
    margin: 0 3px;
}

.post-content .submenu li:first-child {
    margin-left: 20px;
}

.post-content .submenu li:last-child {
    margin-right: 0;
}

.post-content .submenu li:before {
    display: none;
}

.post-content .submenu li a {
    display: inline-block;
    padding: 12px 24px;
    color: #000;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 2px;
}

.post-content .submenu li.active a, .post-content .submenu li:hover a {
    background-color: #ffd15c;
}

.horoszkop-page .post-content .details {
    margin-bottom: 30px;
}

.horoszkop-page .post-content .details h1 {
    font-size: 18px;
    color: #1a005d;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}


.horoszkop-page .leptetok {
    margin-left: -20px;
    margin-right: -20px;
    display: block;
    width: calc(100% + 40px);
    padding: 0 20px;
}

.leptetok .elozo a, .leptetok .kovetkezo a {
    display: inline-block;
    vertical-align: middle;
}

.leptetok .elozo {
    float: left;
}

.leptetok .elozo a {
}

.leptetok .kovetkezo {
    float: right;
}

.leptetok .kovetkezo a {
}

.leptetok .label {
    display: inline-block;
}

.leptetok .nyil {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 15px;
    padding-top: 3px;
}


.horoszkop-page .lepteto li {
    display: inline-block;
    margin: 0 4px;
    line-height: 100%;
}

.horoszkop-page .lepteto li:first-child {
    margin-left: 20px;
    float: left;
}

.horoszkop-page .lepteto li:last-child {
    margin-right: 20px;
    float: right;
}

.horoszkop-page .lepteto li:last-child a {
    margin-right: 0;
}

.horoszkop-page .lepteto li:before {
    display: none;
}

.horoszkop-page .lepteto li a {
    display: inline-block;
    padding: 6px 0;
}

.horoszkop-page .lepteto li.item-kovetkezo a {
    display: inline-block;
}


.post-content > .box-title {
    font-size: 16px;
    text-transform: uppercase;
    width: calc(100% + 40px);
    text-align: center;
    color: #1a005d;
    background: url(images/pattern.png) bottom center repeat-x;
    margin: 0 -20px 28px -20px;
    padding: 0 0 20px 0;
}

.box-content h1, .box-content h2, .box-content h3, .box-content h4, .box-content h5, .box-content h6 {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}


/*
.ilyen-box { padding-bottom: 40px; }
.ilyen-box > .title { padding: 12px 20px; margin: 0 -20px; background-color: #eae7ee; color: #1a005d; font-size: 16px; font-weight: bold; letter-spacing: 1px; position: relative; cursor: pointer; }
.ilyen-box > .title > .nyil { position: absolute; right: 0; top: 0; margin-top: 3px; }
.ilyen-box > .title > .nyil .arrow-top { display: none; }
.ilyen-box.nyitva > .title > .nyil .arrow-top { display: inline-block; }
.ilyen-box.nyitva > .title > .nyil .arrow-bottom { display: none; }
.ilyen-box > .content { padding: 40px 0 0 0; display: none; }
.ilyen-box.nyitva > .content { display: block; }
*/

/* /horoszkop/ aloldal gyűjtő */

.horoszkop-page .gyujto-jegyek {
    width: 100%;
    display: block;
}

.gyujto-jegyek .jegy-details .jegy-kepe {
    width: 100%;
    display: block;
    text-align: center;
}

.gyujto-jegyek .jegy-details .jegy-kepe img {
    width: 100%;
    height: auto;
}

.gyujto-jegyek .jegy-details .jegy-neve {
    width: 100%;
    color: #320a60;
    font-size: 14px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 115%;
    margin-bottom: 5px;
}

.gyujto-jegyek .jegy-details .jegy-idoszak {
    width: 100%;
    color: #868686;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    line-height: 115%;
}


@media screen and (min-width: 601px) {
    .horoszkop-page .gyujto-jegyek .jegy-details {
        width: 16.66666%;
        float: left;
        margin-bottom: 10px;
        padding: 10px 0;
        min-height: 155px;
    }
}

@media screen and (min-width: 481px) and (max-width: 600px) {
    .horoszkop-page .gyujto-jegyek .jegy-details {
        width: 25.0%;
        float: left;
        margin-bottom: 10px;
        padding: 10px 0;
        min-height: 155px;
    }
}

@media screen and (max-width: 480px) {
    .horoszkop-page .gyujto-jegyek .jegy-details {
        width: 33.33333%;
        float: left;
        margin-bottom: 10px;
        padding-bottom: 10px;
        min-height: 155px;
    }

    .gyujto-jegyek .jegy-details .jegy-neve {
        font-size: 13px;
        letter-spacing: 0;
    }

    .col-eleme.jegy-adatok {
        clear: both;
    }

    .jegy-adatok {
        margin-right: 30px;
    }

    .jegy-adatok .title {
        margin-bottom: 8px;
    }
}

.horoszkop-page .gyujto-jegyek .jegy-details:hover, .horoszkop-page .gyujto-jegyek .jegy-details.active {
    background-color: #f3f3f3;
}


/* HOLDNAPTAR OLDALAK */
.holdnaptar-page .post-content {
    background: url(images/holdnaptar_bg_opt.jpg) top center no-repeat;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 10px;
    border: 0;
    font-size: 22px;
    color: #fff;
    text-align: center;
    letter-spacing: 0.5px;
    text-shadow: 0 0 3px #000;
    line-height: 150%;
}

.holdnaptar-page .post-content .details h1 {
    color: #d0d0d0;
    font-size: 14px;
    letter-spacing: 0;
}

.holdnaptar-page .post-content .details .small {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 150%;
}

/* https://css-tricks.com/snippets/css/css-triangle/ */
.arrow-left {
    content: " ";
    width: 0;
    height: 0;
    border-top: 6.5px solid transparent;
    border-bottom: 6.5px solid transparent;
    border-right: 6.5px solid;
    display: inline-block;
    position: absolute;
}

.arrow-right {
    content: " ";
    width: 0;
    height: 0;
    border-top: 6.5px solid transparent;
    border-bottom: 6.5px solid transparent;
    border-left: 6.5px solid;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 3px;
}

.arrow-top {
    content: " ";
    width: 0;
    height: 0;
    border-right: 6.5px solid transparent;
    border-bottom: 6.5px solid;
    border-left: 6.5px solid transparent;
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 20px;
}

.arrow-bottom {
    content: " ";
    width: 0;
    height: 0;
    border-right: 6.5px solid transparent;
    border-top: 6.5px solid;
    border-left: 6.5px solid transparent;
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 20px;
}


@media screen and (max-width: 480px) {
    .holdnaptar-page .post-content .details .button {
        width: 100%;
        margin-bottom: 30px;
    }

    .holdnaptar-page .post-content {
        background-image: none;

        background: #182045;
        background: -moz-linear-gradient(top, #182045 0%, #24316b 100%);
        background: -webkit-linear-gradient(top, #182045 0%, #24316b 100%);
        background: linear-gradient(to bottom, #182045 0%, #24316b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#182045', endColorstr='#24316b', GradientType=0);

    }

}

/* HOROSZKOP WIDGET */

.horoszkop-widget .gyujto-jegyek {
    width: 33.333333%;
    float: left;
    margin-bottom: 10px;
    padding: 10px 0;
    min-height: 105px;
}

.horoszkop-widget .gyujto-jegyek .jegy-details .jegy-kepe img {
    width: 66%;
}

.horoszkop-widget .gyujto-jegyek:hover {
    background-color: #f3f3f3;
}


/* bovitett-parkapcsolat-elemzes */

.bovitett-parkapcsolat-elemzes .eredmeny-kimutatas-tablo {
    border: 0;
}

.bovitett-parkapcsolat-elemzes .eredmeny-kimutatas-tablo th {
    border: 0;
    background: transparent;
    text-align: center;
    color: #868686;
    letter-spacing: 2px;
    font-weight: normal;
    font-size: 14px;
}

.bovitett-parkapcsolat-elemzes .eredmeny-kimutatas-tablo td {
    border: 0;
}

.bovitett-parkapcsolat-elemzes .gyujto-jegyek {
    display: inline-block;
    text-align: center;
}

.bovitett-parkapcsolat-elemzes .gyujto-jegyek .jegy-details {
    width: 30%;
    float: none;
    display: inline-block;
}

.bovitett-parkapcsolat-elemzes form {
}

.narrow-title {
    display: none;
    text-transform: uppercase;
    color: #868686;
    text-align: center;
}

.bovitett-parkapcsolat-elemzes form td {
}

@media screen and (max-width: 726px) {
    .bovitett-parkapcsolat-elemzes .gyujto-jegyek .jegy-details {
        width: 100%;
    }

    .bovitett-parkapcsolat-elemzes form th, .run_horoscope_personal form th {
        display: none;
    }

    .bovitett-parkapcsolat-elemzes form td, .run_horoscope_personal form td {
        display: inline-block;
        margin-bottom: 10px;
        width: 100%;
        text-align: center;
    }

    .run_horoscope_personal form td input, .run_horoscope_personal form td select {
        width: 80% !important;
        text-align: center;
        font-size: 1em;
    }

    .narrow-title {
        display: block;
    }

    .bovitett-parkapcsolat-elemzes .button a {
        padding: 20px 30px;
    }

    .bovitett-parkapcsolat-elemzes .eredmeny-kimutatas-tablo th {
        letter-spacing: 0;
    }
}

@media screen and (max-width: 600px) {
    .bovitett-parkapcsolat-elemzes .eredmeny-kimutatas-tablo th {
        font-size: 10px;
    }
}

/**/
.nev-elemzes {
    text-align: center;
    height: auto;
    padding: 2em 1.5em;
    background-color: #fff;
}


/* SZEMELYRE SZABOTT HOROSZKOP */

.run_horoscope_personal table {
    border: 0;
}

.run_horoscope_personal th {
    color: #666666;
    background: none;
    letter-spacing: 2px;
    font-size: 11px;
}

.run_horoscope_personal td, .run_horoscope_personal th {
    border-top: 0;
    padding: 0 6px 0 0;
}

.run_horoscope_personal select, .run_horoscope_personal input {
    border: 1px solid #c1b5cf;
    background: transparent;
    padding: 14px 14px;
    font-size: 12px;
    text-align: left;
}

.run_horoscope_personal select {
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    background-image: url("images/select_nyila_2x.png");
    background-size: 39px 60px;
    background-repeat: repeat-y;
    background-position: 100% center;
    padding: 14px 51px 14px 14px;
}

.run_horoscope_personal select::-ms-expand { /* for IE 11 */
    display: none;
}

.run_horoscope_personal #year {
    width: 7em;
}

.run_horoscope_personal #month {
    width: 13em;
}

.run_horoscope_personal #day {
    width: 5em;
}

.run_horoscope_personal #hour {
    width: 5em;
}

.run_horoscope_personal #min {
    width: 5em;
}

.run_horoscope_personal #varos_id {
    text-align: left;
    width: 20em;
}

.box.wide.own-result .header .arrow-top {
    display: none;
}

.box.wide.own-result.nyitott .header .arrow-top {
    display: block;
}

.box.wide.own-result .header .arrow-bottom {
    display: block;
}

.box.wide.own-result.nyitott .header .arrow-bottom {
    display: none;
}

.box.wide.own-result .header {
    width: calc(100% + 40px);
    display: inline-block;
    background-color: #e5e2e9;
    padding: 10px 20px;
    margin: 0 -20px 40px -20px;
    max-width: initial;

    font-size: 18px;
    color: #1a005d;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;

    cursor: pointer;
}

.box.wide.own-result h2 {
    font-size: 15px;
    color: #1a005d;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.box.wide.own-result .box-content {
    position: relative;
    margin-bottom: 0px;
    height: 0;
    overflow: hidden;
}

.box.wide.own-result.nyitott .box-content {
    height: auto;
    transition: all 0.3s ease-in-out;
    margin-bottom: 70px;
}

.box.wide.own-result .pic-left {
    position: absolute;
}

.box.wide.own-result .content-right {
    width: 100%;
    box-sizing: border-box;
    padding-left: 95px;
}

/* PAGINATION ----------------------------------------------------------------------------------------------------------------------------------------------- */

.pagination.loop-pagination {
    position: relative;
    margin-bottom: 38px;
}

.pagination.loop-pagination .prev, .pagination.loop-pagination .next {
    width: max-content;
    display: block;
    transform: unset;
    top: 38px;
    margin: 0;
}

@media (min-width: 576px) {
    .pagination.loop-pagination .prev, .pagination.loop-pagination .next {
        top: 0;
    }
}

.elleRecommenderBox {
    position: relative;
    margin-bottom: 38px;
}

.portfolio_container .item-title {
    color: #222;
    padding-bottom: 30px;
}

.portfolio_container .item-source {
    color: #a0a0a0;
}